
/* FIREFOX 3.6+ */
#menu{ height: 41px; margin: -20px 0 0 13px; float: left; width: 537px; background: #333;}
    #menu ul{ margin: 0; padding: 8px 0 10px; width: 100%; list-style: none;}

/* CHROME & SAFARI*/    
@media screen and (-webkit-min-device-pixel-ratio:0){ 
    #menu{width: 533px;}
}
    
/* IE7 */    
#menu{*width: 100%; margin-left: 0px;}

/* IE8 */    
#menu ul{ padding-top: 10px \0/; padding-bottom: 13px \0/; }

/* IE9 */
@media all and (min-width:0) {
    #menu{width: 538px \0/;}    
    #menu ul{padding: 8px 0 10px;}    
}    

    #menu ul li{display: inline; padding: 12px 15px 11px;}
    #menu ul li a{font: 18px 'Cipher', Tahoma, sans-serif; color: #fff; text-decoration: none;}
    #menu ul li:hover{ background: #666; cursor: pointer;}

    
#menu-right{ float: right; height: 35px; width: 370px; margin:  -35px 10px 0 0;}    
    #menu-right ul{ margin: 0; list-style: none; padding: 8px 0 7px;  background: #f1f1f1;}
    
/* IE7 */    
#menu-right{ *width: 280px; *margin-top: -40px;}    
    
    #menu-right ul li{display: inline; padding: 8px 15px 7px;}
    #menu-right ul li a{ font: 18px Georgia, Times New Roman, sans-serif; text-decoration: none; color: #222;}
    #menu-right ul li:hover{ background: #f9f9f9; cursor: pointer;}
    
    
    #menu-right ul{
        background-image: linear-gradient(bottom, #D9D9D9 11%, #F2F2F2 74%, #FFFFFF 100%);
        background-image: -o-linear-gradient(bottom, #D9D9D9 11%, #F2F2F2 74%, #FFFFFF 100%);
        background-image: -moz-linear-gradient(bottom, #D9D9D9 11%, #F2F2F2 74%, #FFFFFF 100%);
        background-image: -webkit-linear-gradient(bottom, #D9D9D9 11%, #F2F2F2 74%, #FFFFFF 100%);
        background-image: -ms-linear-gradient(bottom, #D9D9D9 11%, #F2F2F2 74%, #FFFFFF 100%);

        background-image: -webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(0.11, #D9D9D9),
                color-stop(0.74, #F2F2F2),
                color-stop(1, #FFFFFF)
        );
    }
    
    #menu-right ul li:hover{
        background-image: linear-gradient(bottom, #D9D9D9 11%, #FFFFFF 74%, #FFFFFF 100%);
        background-image: -o-linear-gradient(bottom, #D9D9D9 11%, #FFFFFF 74%, #FFFFFF 100%);
        background-image: -moz-linear-gradient(bottom, #D9D9D9 11%, #FFFFFF 74%, #FFFFFF 100%);
        background-image: -webkit-linear-gradient(bottom, #D9D9D9 11%, #FFFFFF 74%, #FFFFFF 100%);
        background-image: -ms-linear-gradient(bottom, #D9D9D9 11%, #FFFFFF 74%, #FFFFFF 100%);

        background-image: -webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(0.11, #D9D9D9),
                color-stop(0.74, #FFFFFF),
                color-stop(1, #FFFFFF)
        );        
    }
    
    
    #menu-right ul{
        border-radius: 8px 8px 0 0;
        border-bottom: 0;
        -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0;
    }
    
    #menu-right ul li.first  {    
        border-radius: 8px 0 0 0;         
        border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;                                  
        -webkit-border-radius: 8px; 
        -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0;-webkit-border-bottom-left-radius: 0;
        -moz-border-radius: 8px;
        -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -moz-border-top-right-radius: 0;
    }
    
    #menu-right ul li.last{
        border-radius: 0 8px 0 0;
        border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 0;
        -webkit-border-radius: 8px; 
        -webkit-border-top-left-radius: 0; -webkit-border-bottom-right-radius: 0;-webkit-border-bottom-left-radius: 0;
        -moz-border-radius: 8px;
        -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -moz-border-top-left-radius: 0;
    }